Frosted Cerulean Pier color palette — #E7FAF5 · #8AB36C · #008DB7 · #78497D · #532D0B

Cerulean and Sage set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#E7FAF5): A whisper-light, dusty teal — the color of shallow lagoons.
• Sage (#8AB36C): A luminous, balanced green — the color of a quiet forest floor.
• Cerulean (#008DB7): A luminous, balanced blue — the color of deep harbor water.
• Graphite (#78497D): A full-bodied, balanced pink — the color of neon signs at night.
• Espresso (#532D0B): A deep, shadowed, dusty gold — the color of old brass.

Feels like: Nature, Growth, Trust, Stability, Optimism, Creativity. Tagged warm.

Use it as a design system

One click turns Frosted Cerulean Pier 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 Ridge color palette (#E8FAF2, #A2AC5C, #009297, #575398, #572631)
• Antique Villa color palette (#EBF8FA, #2EBDA9, #617AD0, #87455D, #473500)
• Wandering Mint Lantern color palette (#F5F7E5, #9EC990, #3C9B96, #854A2F, #332B00)
• Turquoise Terrace color palette (#FBF5E4, #CAC077, #4CACD6, #AD627C, #592625)
• Quiet Sapphire color palette (#E3FAFF, #00B3A9, #4860FF, #98085F, #432B00)
• Mulberry Atelier color palette (#CBF1EF, #00A75F, #006EAD, #7A006F, #381C00)
• Bronze Orchard color palette (#E7FBEE, #9E8800, #3065A1, #69344C, #422E4F)
• Washed Ash color palette (#DCFEF6, #A4CED0, #82AAB7, #73708B, #5A4D65)

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