向日葵 Apple 色板适合以明亮暖黄为主色、柔和绿为平衡色，再用米白和深灰承担背景与文字。下面提供一组可直接用于网页、海报和插画的色值建议。它不是 Apple 官方发布的固定色板；“Apple”在这里更适合作为简洁、清爽的视觉风格参考。
一组可直接使用的向日葵配色
向日葵的视觉重点是花瓣的金黄和橙黄，但若整张画面都使用高饱和暖色，容易显得刺眼。搭配低饱和叶绿、柔白底色和稳重的深色文字，能保留阳光感，也让信息更容易阅读。
| 颜色角色 | 建议色值 | 适用位置 |
|---|---|---|
| 向日葵金黄 | #F6C945 | 主按钮、重点图形、标题装饰 |
| 浅花瓣黄 | #FFD96A | 插画花瓣、卡片强调区、柔和渐变 |
| 暖橙色 | #EF9638 | 小面积提示、图标、局部阴影 |
| 叶片绿 | #78A66A | 叶片、辅助按钮、状态标记 |
| 柔和鼠尾草绿 | #B9CBA5 | 次级背景、信息卡片、插画衬色 |
| 奶油白 | #FFF8E9 | 页面底色、留白区域、内容卡片 |
| 深灰褐 | #3E3B32 | 正文、图标轮廓、深色按钮 |
如果画面需要更轻快，可以提高浅花瓣黄和奶油白的占比；如果需要稳重、自然的感觉，则增加叶片绿和深灰褐。暖橙色建议少量使用，它适合拉出层次，不宜与金黄同时大面积铺满。
配色的关键：让暖黄有绿色和留白托底
这组颜色的主次关系可以概括为“黄为主、绿为辅、白做空间、深色保可读”。金黄承担识别度，浅黄提供过渡，绿色把向日葵的自然感带出来，奶油白则避免纯白背景显得过冷。深灰褐用于文字和边界，让明亮色块不会削弱信息层级。
在版面中，可先把奶油白作为大面积底色，再用金黄标记最重要的操作或内容，绿色用于次级信息。暖黄与绿色不必等量出现：当两种颜色面积接近时，画面可能显得杂乱；让一种颜色担任主角，另一种只在局部呼应，通常更清晰。
用于网页、品牌图形和插画时怎么分配
网页界面
内容型网页可以使用奶油白背景、深灰褐文字和金黄主按钮。鼠尾草绿适合用在提示卡片或次级区域，叶片绿可用于小图标和状态标记。按钮文字要优先保证辨识度：金黄底色上使用深色字，通常比白字更容易阅读。避免把浅黄直接用作大段文字颜色。
如果页面上有多个操作，主操作用金黄，次操作用绿色描边或浅绿底色即可。不要让黄、橙、绿同时争夺注意力；可把暖橙留给少数提示或图标，让用户一眼分辨主要操作。
海报与品牌视觉
海报可以让向日葵金黄成为视觉焦点，用柔和绿衬托叶片或边缘，再以深灰褐排标题。若背景已经使用大面积黄色，文字区可以增加奶油白留白，避免文字直接压在复杂花瓣图案上。品牌图形则可固定使用三种核心色，例如金黄、叶片绿和深灰褐，其余颜色只作辅助，便于保持不同物料的一致性。
插画与社交图片
插画中的花瓣可在浅花瓣黄与金黄之间做明暗变化，中心或阴影处点缀暖橙；叶片用叶片绿搭配鼠尾草绿。若画面整体偏暖，可增加冷一些的绿来平衡；若主体本身已经很鲜艳，背景就尽量简单，避免再叠加高饱和装饰色。
落地时注意文字对比和颜色数量
色板好看不等于每种颜色都适合承载文字。浅黄、浅绿和奶油白之间的明暗差距有限，适合做背景或装饰，不适合直接作为小字号文字颜色。正文建议使用深灰褐；按钮、提示文字也应在实际尺寸下检查清晰度。颜色之外，还可以用字号、粗细、边框或图标区分状态，不要只靠黄绿差异表达重要信息。
实际应用时，先从色板中选定一个主色、一个辅助色和一个中性色，再根据内容补充强调色。若页面看起来过亮，优先减少高饱和黄色的面积；若显得沉闷，则增加浅黄或奶油白，而不是同时提高所有颜色的饱和度。
:root {
--sunflower: #F6C945;
--petal-light: #FFD96A;
--warm-orange: #EF9638;
--leaf-green: #78A66A;
--sage-green: #B9CBA5;
--cream: #FFF8E9;
--ink: #3E3B32;
}这组色值可以作为起点，再按显示设备、品牌需求和画面明暗进行微调。核心是保留暖黄的明快感，同时用柔绿、留白和深色文字控制层次。