Tempered Lagoon color palette — #FEF1FB · #55CBD5 · #0078A1 · #005930 · #042F6D
Built around Navy, softened by Cerulean — the whole palette hums with nature and growth.
The five colors
- Ivory (#FEF1FB): a clean, paper-quiet neutral.
- Aqua (#55CBD5): A luminous, balanced blue — the color of deep harbor water.
- Cerulean (#0078A1): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Deep Olive (#005930): A full-bodied, balanced teal — the color of sea glass.
- Navy (#042F6D): A deep, shadowed, balanced blue — the color of deep harbor water.
Feels like: Nature, Growth, Trust, Stability, Calm, Balance. Tagged coastal, cool, 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
- Feathered Sapphire Parlor color palette (#FFF1F7, #48C6FD, #1F67D7, #00574E, #332469)
- Hushed Petrol color palette (#F2F4DD, #7EC9D3, #007F94, #005250, #001E27)
- Patina Chapel color palette (#F2E7EF, #5DACBB, #005D8A, #00402B, #0E1A47)
- Dusty Lagoon color palette (#E1FCF7, #87DAE4, #009DB5, #00726F, #003948)
- Sky Corridor color palette (#FFF2EC, #9CE8F2, #00BBF1, #009B78, #00345E)
- Tempered Cypress color palette (#FAF2F8, #D6E0F2, #7D9DBB, #457B68, #485367)
- Muted Lantern color palette (#FCEAF2, #229BCE, #0540A2, #00302C, #150835)
- Aged Crimson color palette (#FFDAD9, #F31543, #007D97, #950024, #003440)
Browse the whole catalog at Explore, or see today's palette.