Tempered Lagoon color palette — #ECF3F9 · #DBA58B · #215983 · #002A46 · #020D1A

Peacock and Camel set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#ECF3F9): a clean, paper-quiet neutral.
• Camel (#DBA58B): A luminous, dusty orange — the color of autumn markets.
• Peacock (#215983): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Midnight (#002A46): A deep, shadowed, dusty blue — the color of open sky before noon.
• Ink (#020D1A): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Trust, Stability, Optimism, Sophistication. Tagged luxury, dark, 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

• Washed Boulevard color palette (#EDF2FF, #B0B988, #4E4E85, #23214A, #080C18)
• Weathered Cobalt color palette (#E8FAF4, #F0B59A, #2877B2, #204B41, #142621)
• Petrol Chapel color palette (#EBF3FA, #8BB9DC, #A05A85, #006BA2, #12091C)
• Patina Cobalt Lagoon color palette (#EFF2F8, #DBD5DF, #C4B8C3, #5D70B7, #262C37)
• Muted Navy Field color palette (#E2EEFF, #C18900, #002E9D, #000E42, #000211)
• Sunlit Balcony color palette (#DDF9F3, #789ED2, #7F5992, #165515, #16213E)
• Terracotta Bloom color palette (#EDF1FF, #736BAE, #963844, #3A4400, #051625)
• Soft Aubergine Corridor color palette (#DFE2F6, #6E9C64, #41266B, #190036, #01000D)

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