Quiet Lagoon color palette — #F6F6EB · #C1E0B0 · #8DD1F6 · #80BC5C · #23536B
Built around Clover, softened by Sky — the whole palette hums with nature and growth.
The five colors
- Ivory (#F6F6EB): bright and airy, almost weightless.
- Celadon Mist (#C1E0B0): A whisper-light, dusty green — the color of a quiet forest floor.
- Sky (#8DD1F6): A whisper-light, balanced blue — the color of open sky before noon.
- Clover (#80BC5C): A luminous, balanced green — the color of fresh herbs.
- Peacock (#23536B): A full-bodied, dusty blue — the color of open sky before noon.
Feels like: Nature, Growth, Trust, Stability, Softness, Clarity. Tagged light.
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
- Dusty Jade Quarry color palette (#F4F7EB, #B5E2BE, #F4B893, #5EC07A, #524C47)
- Softworn Marigold color palette (#FCF4E6, #E6D3A4, #82D9CF, #CCA229, #3E5438)
- Aged Mallow Alley color palette (#EBF8F5, #CFF3B5, #E8B6FB, #81A863, #46425D)
- Emerald Grove color palette (#F4F9DD, #C2E5C4, #92C996, #609D62, #214327)
- Hushed Teal Delta color palette (#EEF9ED, #A6E3DD, #C0BFFF, #00C1B8, #644056)
- Misty Teal Terrace color palette (#EBFAEC, #8DDCDF, #CEBF62, #00B4BA, #4A4315)
- Moss Coast color palette (#F6F6EA, #B5CDA2, #CA9FD7, #6D9D3F, #67404A)
- Mustard Studio color palette (#FBF5E6, #DDD7A8, #F4B1C2, #B8AA4B, #69413B)
Browse the whole catalog at Explore, or see today's palette.