Quiet Field color palette — #FFF0F8 · #76DAFD · #0093E6 · #00736B · #1D2F62
Azure and Ice Blue set the tone — five colors that lean into trust and stability.
The five colors
- Ivory (#FFF0F8): a clean, paper-quiet neutral.
- Ice Blue (#76DAFD): A whisper-light, balanced blue — the color of a favorite pair of jeans.
- Azure (#0093E6): A luminous, vivid blue — the color of open sky before noon.
- Teal (#00736B): A full-bodied, balanced teal — the color of sea glass.
- Navy (#1D2F62): A deep, shadowed, balanced violet — the color of wild irises.
Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged coastal, cool, light.
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
- Tempered Pine Field color palette (#FFF0FA, #63E1E2, #009CBA, #00764B, #003753)
- Azure Lantern color palette (#FEF4E3, #D7E7FC, #00A4EE, #007275, #00244C)
- Faded Delta color palette (#FFF2EA, #A2E5FF, #66AEFF, #009A82, #2C2964)
- Misty Cobalt color palette (#F2E5EB, #7EBBD8, #0075D2, #005958, #141847)
- Wandering Sky color palette (#F3F8E2, #3CC8F6, #0077A3, #005460, #003655)
- Wandering Mallow Drift color palette (#EAF8FF, #C3DAFF, #DB9DFF, #00928F, #183F61)
- Hushed Powder Atelier color palette (#FAF3F6, #D9DEEE, #8AB4EB, #549294, #495267)
- Muted Ember Market color palette (#E1F3FB, #009BC3, #DA4600, #926500, #002936)
Browse the whole catalog at Explore, or see today's palette.