Tempered Lagoon color palette — #EFF7F4 · #E3D3CD · #CBB5A1 · #257DB6 · #11221D

Cerulean and Stone set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#EFF7F4): a clean, paper-quiet neutral.
• Bone (#E3D3CD): a clean, paper-quiet neutral.
• Stone (#CBB5A1): A luminous, dusty gold — the color of honey in a jar.
• Cerulean (#257DB6): A full-bodied, balanced blue — the color of deep harbor water.
• Onyx (#11221D): A deep, shadowed, dusty teal — the color of glacier melt.

Feels like: Trust, Stability, Sophistication. Tagged scandi, muted, light.

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

• Indigo Lagoon color palette (#FCF2F7, #E5D8D3, #CFBDAE, #7868B5, #2A1821)
• Softworn Field color palette (#F1F7F1, #CEE2E2, #E1C3C9, #008887, #182118)
• Patina Azure color palette (#EAEFF4, #D3D1DB, #C2B5D3, #3C96EA, #242F3B)
• Ancient Denim color palette (#E1ECE9, #D4C7D1, #BD97AB, #005798, #041A16)
• Ash Orchard color palette (#FAF3F7, #E5D8D5, #B1BAB2, #909ACE, #453C42)
• Softworn Olive color palette (#FFF3E8, #C9BB86, #62823A, #5C4769, #211600)
• Inked Indigo color palette (#FADBF0, #5B61EB, #3B1720, #12161C, #0A0107)
• Driftwood Drift color palette (#DEFFE5, #B1C4F6, #A1729D, #376242, #292F0D)

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