Quiet Lagoon color palette — #FFF0F9 · #F9A182 · #00A08D · #5C5092 · #30224A
A conversation between Fern and Melon, giving this palette its sense of optimism and creativity.
The five colors
- Ivory (#FFF0F9): bright and airy, almost weightless.
- Melon (#F9A182): A luminous, balanced orange — the color of toasted spice.
- Fern (#00A08D): A luminous, balanced teal — the color of glacier melt.
- Peacock (#5C5092): A full-bodied, balanced violet — the color of a velvet chair.
- Deep Indigo (#30224A): A deep, shadowed, dusty violet — the color of wild irises.
Feels like: Optimism, Creativity, Balance. Tagged warm.
Use it as a design system
One click turns Quiet 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
- Emerald Courtyard color palette (#FBF1FC, #FE99A3, #3FA062, #29608C, #1C284F)
- Misty Mulberry color palette (#FFF1F6, #EBAC6D, #009CAB, #834070, #3F1D35)
- Weathered Harbor color palette (#FBF2F7, #D7D4E0, #87C0F8, #009590, #303F5B)
- Misty Atelier color palette (#FDEEEB, #C6707E, #17755D, #49336B, #25123E)
- Quiet Workshop color palette (#FFF3E5, #F2AF55, #91AB5D, #308E7C, #542B23)
- Aubergine Market color palette (#FFF0F7, #EA7400, #007C72, #63007B, #250021)
- Dusty Orchard color palette (#ECF9F0, #C1ECCE, #70AF7D, #816E8D, #263E37)
- Weathered Coast color palette (#FFF3E7, #B8783A, #39723C, #005068, #432C54)
Browse the whole catalog at Explore, or see today's palette.