Tempered Lagoon color palette — #FFF2EC · #F3A393 · #439D7B · #5A518F · #2A244B
A conversation between Fern and Peacock, giving this palette its sense of creativity and balance.
The five colors
- Ivory (#FFF2EC): a clean, paper-quiet neutral.
- Melon (#F3A393): A luminous, balanced orange — the color of autumn markets.
- Fern (#439D7B): A luminous, balanced teal — the color of sea glass.
- Peacock (#5A518F): A full-bodied, balanced violet — the color of a velvet chair.
- Deep Indigo (#2A244B): A deep, shadowed, dusty violet — the color of wild irises.
Feels like: Creativity, Balance. Tagged warm.
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
- Quiet Blush Hollow color palette (#FFF2ED, #FF9B95, #569B74, #006872, #172853)
- Teal Drift color palette (#FCF3EC, #F6BE98, #5AAB9C, #765F90, #4F2A41)
- Hazy Workshop color palette (#FBF4E8, #D2B968, #3A96B8, #6A4E81, #3F1B3C)
- Softworn Lagoon Grove color palette (#FCF3EE, #C3E0EB, #89C2EE, #359388, #4F354C)
- Frosted Pine color palette (#FCF1FA, #C76963, #107824, #2F457A, #402E53)
- Aged Bone color palette (#FFF2EC, #E2E0BE, #BAB998, #907686, #5F4555)
- Patina Taupe Study color palette (#FBF4E8, #D2E5C0, #80AB7F, #8F6C6B, #3A3932)
- Misty Harbor color palette (#EEF8F0, #DABA73, #79B16C, #008F8E, #552B11)
Browse the whole catalog at Explore, or see today's palette.