Frosted Coast color palette — #DEFDF4 · #97BD60 · #00ABD9 · #5E8600 · #004155

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

The five colors

• Ivory (#DEFDF4): A whisper-light, dusty teal — the color of sea glass.
• Mint Leaf (#97BD60): A luminous, balanced green — the color of new leaves after rain.
• Cyan (#00ABD9): A luminous, balanced blue — the color of open sky before noon.
• Olive Leaf (#5E8600): A full-bodied, balanced green — the color of new leaves after rain.
• Deep Teal (#004155): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: Nature, Growth, Trust, Stability, Balance. Tagged cool.

Use it as a design system

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

• Tempered Drift color palette (#DFF4F2, #7CB98A, #519BDD, #008941, #003760)
• Mustard Market color palette (#DDFFEA, #CBAC00, #00B2B0, #8C7600, #004443)
• Muted Balcony color palette (#C6F8EB, #75B026, #00A3A6, #B26900, #213800)
• Hushed Lagoon color palette (#E7F9FE, #8AD3D4, #BEB369, #00A0A3, #305743)
• Faded Iris color palette (#DEFCFF, #00CAAA, #7C91FF, #008B74, #282F7D)
• Sunlit Corridor color palette (#B7F2EC, #00B6AC, #AA8800, #007972, #392C00)
• Sunlit Alley color palette (#DBFEF8, #A3ECFF, #58E2B7, #80A33B, #2E5336)
• Dusty Pine Pier color palette (#E3FBFA, #B9C370, #007D50, #00472B, #012020)

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