Tempered Lagoon color palette — #F0F7F1 · #D9D6CB · #479498 · #314F35 · #131F15

Storm Blue and Deep Olive set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#F0F7F1): a clean, paper-quiet neutral.
• Bone (#D9D6CB): a clean, paper-quiet neutral.
• Storm Blue (#479498): A luminous, dusty teal — the color of glacier melt.
• Deep Olive (#314F35): A deep, shadowed, dusty green — the color of fresh herbs.
• Onyx (#131F15): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, Trust, Stability, 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

• Timeworn Teal color palette (#EEF7F9, #F1DBAE, #68ADA4, #50747B, #1F2E31)
• Weathered Stone color palette (#EDF4EB, #DCC085, #1F6F67, #263622, #10160F)
• Patina Field color palette (#FAF2FA, #FFDFBF, #5A78A1, #1A3961, #160A17)
• Antique Bronze color palette (#FBF4E7, #A4EDE3, #8AA3CD, #857125, #2D4636)
• Bronze Quarry color palette (#ECF9F2, #8CCAE8, #8F8CD1, #915F00, #142920)
• Aged Teal Corridor color palette (#F3F7F1, #B0EBEB, #B6A1E2, #00B39A, #281920)
• Bronze Hollow color palette (#EEF8EF, #8BD2D4, #C0A0D3, #AC7348, #28362A)
• Petrol Grove color palette (#E6FBF4, #FFBEAE, #18699D, #002A46, #000503)

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