Tempered Lagoon color palette — #FBF2F7 · #A7CBE0 · #467BB6 · #006152 · #35365A

Built around Cerulean, softened by Pine — the whole palette hums with trust and stability.

The five colors

• Ivory (#FBF2F7): bright and airy, almost weightless.
• Sky (#A7CBE0): A whisper-light, dusty blue — the color of open sky before noon.
• Cerulean (#467BB6): A full-bodied, balanced blue — the color of deep harbor water.
• Pine (#006152): A full-bodied, balanced teal — the color of shallow lagoons.
• Navy (#35365A): A deep, shadowed, dusty violet — the color of twilight just after sunset.

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

Use it as a design system

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

• Navy Veranda color palette (#FEF0FB, #73C6D5, #0076AB, #00593B, #152974)
• Dusty Cobalt color palette (#F7F1E8, #ADD1BF, #3C83B2, #005B5F, #09203E)
• Worn Cypress color palette (#F1F7F1, #C8DFF6, #7C87B7, #166F72, #434465)
• Raspberry Basin color palette (#F1DBFD, #BE497E, #007E6D, #00606C, #35233E)
• Lagoon Bloom color palette (#F2E6F2, #4B9EA2, #00516B, #003214, #001330)
• Washed Pewter color palette (#F8F2FF, #FFD3C9, #C6B282, #736296, #48334C)
• Muted Navy Balcony color palette (#ECDCE3, #4889A7, #04387D, #00231E, #0A0028)
• Denim Boulevard color palette (#F7E5EC, #78A5C0, #3052A0, #003E3B, #221246)

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