Quiet Lagoon color palette — #FFF0F8 · #DC6C21 · #6A8533 · #754570 · #2F212F
A conversation between Pumpkin and Olive Leaf, giving this palette its sense of nature and growth.
The five colors
- Ivory (#FFF0F8): a clean, paper-quiet neutral.
- Pumpkin (#DC6C21): A luminous, vivid orange — the color of toasted spice.
- Olive Leaf (#6A8533): A full-bodied, balanced green — the color of a quiet forest floor.
- Charcoal Brown (#754570): A full-bodied, balanced pink — the color of a candy shop window.
- Onyx (#2F212F): A deep, shadowed, dusty pink — the color of a candy shop window.
Feels like: Nature, Growth, Optimism, Creativity, Balance. Tagged jewel, vibrant.
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 Pier color palette (#FDF1FC, #E97176, #987E00, #604C83, #2E2635)
- Hushed Veranda color palette (#FFF1F5, #C9914F, #599466, #796385, #392D35)
- Pale Pine color palette (#FFE4EC, #B16F00, #1B8526, #750049, #2C0600)
- Worn Bronze color palette (#FFF1F7, #B06B33, #006969, #2A417F, #302637)
- Moss Drift color palette (#E9FAF2, #969600, #00948B, #844339, #1F2D20)
- Hushed Amber Lantern color palette (#D4ECDC, #A78E00, #345547, #233229, #131A15)
- Petrol Atelier color palette (#E9FAF2, #ADB158, #808333, #0068A0, #2A101F)
- Tempered Corridor color palette (#F1F7F0, #CEE1DD, #AFC9C5, #AC885C, #444A43)
Browse the whole catalog at Explore, or see today's palette.