Sunlit Olive color palette — #FCF6DB · #767700 · #005B57 · #003572 · #3A1311

Olive Leaf takes the lead with Navy close behind in a set that reads as nature and growth at first glance.

The five colors

• Custard (#FCF6DB): A whisper-light, dusty green — the color of new leaves after rain.
• Olive Leaf (#767700): A full-bodied, balanced green — the color of a quiet forest floor.
• Peacock (#005B57): A full-bodied, dusty teal — the color of sea glass.
• Navy (#003572): A deep, shadowed, balanced blue — the color of open sky before noon.
• Onyx (#3A1311): A deep, shadowed, dusty orange — the color of toasted spice.

Feels like: Nature, Growth, Trust, Stability, Balance. Tagged jewel, vibrant.

Use it as a design system

One click turns Sunlit Olive into a complete token system: semantic roles from primary to success, an 11-stop OKLCH scale per role, a WCAG AA/AAA and APCA contrast matrix, an auto-derived dark mode and 11 export formats including CSS custom properties, Tailwind, Figma Variables and shadcn/ui.

Similar palettes

• Quiet Bloom color palette (#F8F7DF, #487200, #00525F, #3A2573, #321704)
• Hazy Boulevard color palette (#FFF3E4, #966600, #006833, #122D98, #40180C)
• Linen Study color palette (#FFF3E6, #9F6200, #376200, #004457, #36122E)
• Worn Navy color palette (#E4F7D2, #00674E, #003D7B, #54001E, #0A1B00)
• Mulberry Garden color palette (#ECFBDF, #00896C, #005773, #6C0059, #242100)
• Aubergine Meadow color palette (#FFF4E0, #9B7800, #006576, #6A135D, #550022)
• Feathered Mustard Studio color palette (#FFE0BE, #C2A32D, #5E7500, #005426, #003E37)
• Lowlit Fern color palette (#EDEFD8, #1B5B00, #002F3B, #2F0027, #080500)

Browse the whole catalog at Explore, or see today's palette.