Hushed Lagoon Pier color palette — #F6F6E9 · #8DD4D3 · #008991 · #006155 · #21432D

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

The five colors

• Ivory (#F6F6E9): a clean, paper-quiet neutral.
• Ice Blue (#8DD4D3): A whisper-light, dusty teal — the color of shallow lagoons.
• Cerulean (#008991): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Pine (#006155): A full-bodied, dusty teal — the color of sea glass.
• Forest (#21432D): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Nature, Growth, Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, muted.

Use it as a design system

One click turns Hushed Lagoon 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

• Tempered Cypress Alley color palette (#F5F6EE, #C1E7CF, #5494AD, #186F76, #314F43)
• Periwinkle Corridor color palette (#DCFFE9, #B9E8FF, #79AEDF, #3A7B80, #284637)
• Wandering Quarry color palette (#EDF0E2, #72BDD8, #007299, #004E58, #00314C)
• Antique Teal Harbor color palette (#CCF1E7, #00B1A3, #00817D, #005556, #003F46)
• Dusty Cobalt Station color palette (#F4F6EE, #9BCCED, #347DBA, #115B73, #4A304B)
• Muted Sapphire Hollow color palette (#C9F0D2, #008A97, #5464B8, #2C6B21, #1A3121)
• Bronze Studio color palette (#E3F4E3, #00A2A2, #8B7900, #006464, #3F3500)
• Tempered Lagoon Studio color palette (#EDEFDA, #2B9096, #00454E, #002320, #000B10)

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