Quiet Lagoon color palette — #F0F8EC · #85EAD3 · #A7B5FF · #00A089 · #2F3558
Fern and Lavender set the tone — five colors that lean into creativity and calm.
The five colors
- Ivory (#F0F8EC): a clean, paper-quiet neutral.
- Lagoon (#85EAD3): A whisper-light, balanced teal — the color of sea glass.
- Lavender (#A7B5FF): A luminous, balanced violet — the color of twilight just after sunset.
- Fern (#00A089): A luminous, balanced teal — the color of shallow lagoons.
- Navy (#2F3558): A deep, shadowed, dusty violet — the color of a velvet chair.
Feels like: Creativity, Calm, Balance. Tagged light, cool.
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
- Mallow Orchard color palette (#E8FBED, #7DE6F9, #D4A1FF, #009BAF, #412F52)
- Patina Courtyard color palette (#E7FCE8, #44D1D7, #7FA8FF, #77A057, #1D311F)
- Feathered Courtyard color palette (#E9FAEF, #7EE5FF, #AFC766, #009AB5, #3A3932)
- Chalky Seafoam color palette (#EDFAE3, #44EAC2, #F4A1BE, #4AB497, #5B3733)
- Wandering Teal color palette (#E9FBE7, #BCEAE1, #CCC4D0, #77BDAA, #3A493B)
- Dusty Teal color palette (#E5FEE0, #BEEEFF, #00B6AA, #00706A, #002926)
- Clover Hollow color palette (#E0FDF4, #84C6FF, #53C06E, #007CC5, #023111)
- Aged Lagoon color palette (#DAEBD0, #00937C, #856000, #00473B, #020100)
Browse the whole catalog at Explore, or see today's palette.