Sunlit Olive color palette — #F1F5D9 · #507E00 · #006042 · #003E4F · #270002

Olive Leaf and Pine set the tone — five colors that lean into nature and growth.

The five colors

• Custard (#F1F5D9): A whisper-light, dusty green — the color of fresh herbs.
• Olive Leaf (#507E00): A full-bodied, balanced green — the color of new leaves after rain.
• Pine (#006042): A full-bodied, balanced teal — the color of glacier melt.
• Deep Teal (#003E4F): A deep, shadowed, dusty blue — the color of deep harbor water.
• Ink (#270002): A deep, shadowed, dusty orange — the color of sun-warmed clay.

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

• Dusty Olive color palette (#FBF2D1, #7D8100, #565900, #003E40, #1E0201)
• Pale Navy Meadow color palette (#EBF6E2, #007951, #005C48, #073176, #150800)
• Muted Pine color palette (#E3EAC6, #00792A, #004D57, #540024, #000B01)
• Misty Ridge color palette (#FFEEE5, #BB3512, #645900, #004262, #1C0700)
• Linen Emerald color palette (#F1F6D7, #00944B, #00529B, #003569, #260100)
• Quiet Orchard color palette (#FFEFE0, #D67300, #467619, #401B7F, #261A00)
• Midnight Onyx color palette (#E2E7D7, #005F2F, #003C1E, #27004E, #020100)
• Amber Veranda color palette (#FFD5C9, #E18500, #7C7300, #0D5007, #001F17)

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