Tempered Lagoon Study color palette — #E6F9FF · #009C9E · #645896 · #72312B · #323D11

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

The five colors

• Ivory (#E6F9FF): A whisper-light, dusty blue — the color of deep harbor water.
• Cerulean (#009C9E): A luminous, balanced teal — the color of shallow lagoons.
• Slate (#645896): A full-bodied, balanced violet — the color of twilight just after sunset.
• Rust (#72312B): A full-bodied, balanced orange — the color of sun-warmed clay.
• Forest (#323D11): A deep, shadowed, dusty green — the color of a quiet forest floor.

Feels like: Nature, Growth, Creativity, Balance. Tagged warm.

Use it as a design system

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

• Petrol Dune color palette (#E9F9F9, #499B79, #36649E, #693252, #4C3200)
• Cobalt Bloom color palette (#EDF6FF, #3F8FCB, #854B7D, #6B3A00, #114320)
• Soft Courtyard color palette (#E6F6F4, #6C9B6E, #186C96, #791600, #002706)
• Airy Terracotta color palette (#F5F6EA, #81B578, #4987B2, #993C1C, #1C4214)
• Pewter Loft color palette (#E6F9FF, #A1B9C8, #7385A1, #735B74, #644656)
• Feathered Aubergine color palette (#CDEEFF, #007B93, #681899, #5C1700, #1A2A00)
• Hazy Indigo color palette (#EBF2FF, #5C6DCB, #873245, #3F3D00, #003237)
• Softworn Lagoon color palette (#EBFAF0, #92BAAA, #657B54, #346364, #31483F)

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