Chalky Coast color palette — #F4EEDC · #687C2F · #005632 · #1C2A5D · #28143C

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

The five colors

• Cream (#F4EEDC): A whisper-light, dusty green — the color of a quiet forest floor.
• Olive Leaf (#687C2F): A full-bodied, balanced green — the color of new leaves after rain.
• Deep Olive (#005632): A deep, shadowed, balanced teal — the color of sea glass.
• Navy (#1C2A5D): A deep, shadowed, balanced violet — the color of twilight just after sunset.
• Deep Indigo (#28143C): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Nature, Growth, Creativity, Balance. Tagged vintage, retro, muted.

Use it as a design system

One click turns Chalky Coast 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

• Patina Fern color palette (#F3D9C4, #8A6E2A, #3B4C04, #002F46, #151841)
• Bronze Dune color palette (#FAE3DB, #807129, #1A4B2B, #360B36, #120012)
• Onyx Basin color palette (#D9E4D4, #1A8064, #005355, #3A1047, #230F2D)
• Aged Coast color palette (#F8DAC4, #8C9033, #2C735E, #4A295E, #34101E)
• Lagoon Ridge color palette (#DDE5CE, #77A16A, #3F8A65, #005E74, #001E33)
• Washed Pine Bloom color palette (#CFE8E0, #357D3E, #00432D, #381900, #001502)
• Sunlit Aubergine Corridor color palette (#D0F2EB, #3F7F1A, #610079, #133600, #1D0026)
• Airy Pine color palette (#F1EED2, #8DB26D, #008764, #454580, #562E67)

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