Tempered Lagoon color palette — #FBF2F8 · #D6D4E1 · #90C2E4 · #4C9084 · #314055
Built around Fern, softened by Sky — the whole palette hums with trust and stability.
The five colors
- Ivory (#FBF2F8): a clean, paper-quiet neutral.
- Silver (#D6D4E1): a clean, paper-quiet neutral.
- Sky (#90C2E4): A luminous, dusty blue — the color of deep harbor water.
- Fern (#4C9084): A luminous, dusty teal — the color of shallow lagoons.
- Navy (#314055): A deep, shadowed, dusty blue — the color of deep harbor water.
Feels like: Trust, Stability, Calm, 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
- Softworn Periwinkle Balcony color palette (#FFF1F7, #D6D4E0, #80A9DD, #127E80, #202D4C)
- Patina Cerulean color palette (#F8F5EE, #C6E5D2, #4894B9, #00716E, #2B4B67)
- Ash Drift color palette (#E2FBFB, #C2E4F4, #C7B9BD, #88B5A8, #314D52)
- Petrol Terrace color palette (#FDE7F2, #67C4EA, #006AB4, #003E3C, #010015)
- Cornflower Study color palette (#FFF1F5, #9DD2FE, #4D74D4, #005059, #0E002F)
- Powdered Seafoam color palette (#DDFDFD, #76F0B6, #EE9CD1, #469D75, #3F3150)
- Ancient Parlor color palette (#F8EBF4, #30B6BD, #005E75, #002D1D, #000103)
- Teal Workshop color palette (#D9FFF3, #B0E7ED, #44B594, #166D59, #002A21)
Browse the whole catalog at Explore, or see today's palette.