Tempered Lagoon color palette — #FAF3F0 · #CFE5E2 · #82B9DA · #459784 · #5E4B5E
Fern takes the lead with Sky close behind in a set that reads as trust and stability at first glance.
The five colors
- Ivory (#FAF3F0): a clean, paper-quiet neutral.
- Silver (#CFE5E2): A whisper-light, dusty teal — the color of sea glass.
- Sky (#82B9DA): A luminous, dusty blue — the color of a favorite pair of jeans.
- Fern (#459784): A luminous, balanced teal — the color of sea glass.
- Charcoal Brown (#5E4B5E): A full-bodied, dusty pink — the color of neon signs at night.
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
- Worn Ridge color palette (#FAF2F8, #D5D4E2, #B0C6F3, #699CA2, #3F4F62)
- Weathered Thicket color palette (#EDF9F1, #8CD1E2, #E09F8B, #149CB6, #6A4134)
- Wandering Petrol color palette (#F3E7E2, #82BDC4, #0080A7, #005B46, #00203E)
- Periwinkle Lagoon color palette (#FEF3EB, #B2E3FF, #579CF7, #008285, #353A6C)
- Pine Pier color palette (#FCF3EF, #C0DEC1, #4EA2BA, #008054, #143E59)
- Wandering Petrol color palette (#FAEBE0, #79A9C0, #0068B7, #004A49, #0A0049)
- Amber Chapel color palette (#E6FAF5, #8FB6DA, #CF8EAE, #BD8633, #2F4842)
- Linen Courtyard color palette (#F5EDE5, #A7CEC2, #5A81E1, #006A76, #2D2456)
Browse the whole catalog at Explore, or see today's palette.