Misty Coast color palette — #F8F7D3 · #B1AF00 · #76A800 · #007C3B · #142E08

Kelly Green and Gold set the tone — five colors that lean into nature and growth.

The five colors

• Custard (#F8F7D3): A whisper-light, dusty green — the color of a quiet forest floor.
• Gold (#B1AF00): A luminous, balanced green — the color of new leaves after rain.
• Kelly Green (#76A800): A luminous, vivid green — the color of new leaves after rain.
• Olive (#007C3B): A full-bodied, balanced teal — the color of sea glass.
• Deep Forest (#142E08): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, Balance. Tagged candy, vibrant, light.

Use it as a design system

One click turns Misty 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

• Pale Lime color palette (#ECF3D0, #81C300, #16AF50, #007760, #003117)
• Moss Loft color palette (#F6F4CE, #C2B000, #7EAF00, #007A5C, #001402)
• Hushed Marigold Chapel color palette (#FEF3D7, #E7A300, #A28B00, #5D7200, #2B2900)
• Washed Lime Bloom color palette (#D9FBF3, #E3C53B, #8BC200, #00A586, #0B2D08)
• Feathered Orchard color palette (#E3F9D9, #00D586, #00A991, #007277, #002B26)
• Emerald Canyon color palette (#CFE5D3, #009D63, #007453, #004A3B, #003037)
• Hushed Emerald Parlor color palette (#D7F4E9, #00A05F, #00826A, #005758, #000E0C)
• Chalky Seafoam Pier color palette (#EFFAE2, #8FEC9F, #51CDA3, #1E9892, #39462F)

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