Quiet Field color palette — #B8F5CF · #58DDD4 · #00B2CE · #0080C9 · #13276F
A conversation between Cerulean and Navy, giving this palette its sense of nature and growth.
The five colors
- Mint (#B8F5CF): A whisper-light, balanced teal — the color of sea glass.
- Lagoon (#58DDD4): A whisper-light, balanced teal — the color of shallow lagoons.
- Cyan (#00B2CE): A luminous, balanced blue — the color of deep harbor water.
- Cerulean (#0080C9): A full-bodied, balanced blue — the color of deep harbor water.
- Navy (#13276F): A deep, shadowed, balanced violet — the color of twilight just after sunset.
Feels like: Nature, Growth, Trust, Stability, Creativity, Calm. Tagged cool.
Use it as a design system
One click turns Quiet Field 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
- Gentle Lantern color palette (#CFFFF5, #89E1ED, #50B7F5, #6185CB, #3D2A6E)
- Misty Aqua Pier color palette (#96F6F8, #35CADF, #0096B4, #00617F, #003756)
- Wandering Grove color palette (#D5EEB5, #88D7A4, #00B6A5, #008A97, #003851)
- Hushed Denim color palette (#D9F2E9, #00B1B9, #0088B1, #00539B, #14004C)
- Wandering Teal color palette (#D5EEE8, #18B0B8, #00738C, #00425D, #001A39)
- Muted Amethyst Canyon color palette (#D2E3E4, #44C7FD, #4891FF, #7133FA, #3D004E)
- Quiet Alley color palette (#D2F3F1, #00A1C4, #006EC2, #3819C0, #140026)
- Azure Parlor color palette (#FFEADD, #42D4BE, #1CA2E5, #A55F45, #1C3822)
Browse the whole catalog at Explore, or see today's palette.