Tempered Lagoon color palette — #DFE0D1 · #418586 · #00444A · #00201C · #000202

Built around Storm Blue, softened by Deep Teal — the whole palette hums with trust and stability.

The five colors

• Bone (#DFE0D1): A whisper-light, dusty green — the color of new leaves after rain.
• Storm Blue (#418586): A full-bodied, dusty teal — the color of shallow lagoons.
• Deep Teal (#00444A): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Ink (#00201C): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Black (#000202): a grounded near-black with real depth.

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

• Weathered Navy color palette (#DFE5D3, #527DA2, #003B74, #001D2B, #000109)
• Cypress Terrace color palette (#D8E9E6, #54A1A2, #00646D, #003C35, #000C0F)
• Softworn Petrol Villa color palette (#E8EADF, #94BFA7, #00769A, #004A51, #001827)
• Chestnut Delta color palette (#F1E9CA, #736100, #362E00, #1F2928, #0B0800)
• Worn Olive color palette (#F2EACE, #89893A, #5B7425, #3D2900, #020100)
• Deep Cocoa color palette (#F3E8D7, #634700, #00463D, #291C00, #000201)
• Wandering Cerulean color palette (#DFE1D3, #328592, #004351, #001F1F, #000203)
• Dusty Abyss color palette (#E0E3D2, #498290, #004255, #001F21, #000103)

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