Soft Field color palette — #C4F5FF · #00BCF0 · #0087C9 · #004982 · #0B204A
A conversation between Cyan and Cerulean, giving this palette its sense of trust and stability.
The five colors
- Frost (#C4F5FF): A whisper-light, dusty blue — the color of open sky before noon.
- Cyan (#00BCF0): A luminous, balanced blue — the color of deep harbor water.
- Cerulean (#0087C9): A full-bodied, balanced blue — the color of deep harbor water.
- Navy (#004982): A deep, shadowed, balanced blue — the color of open sky before noon.
- Midnight (#0B204A): A deep, shadowed, balanced violet — the color of a velvet chair.
Feels like: Trust, Stability, Calm, Balance. Tagged cool.
Use it as a design system
One click turns Soft 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
- Quiet Sapphire color palette (#BEEAFF, #58B7FF, #0071E7, #293F96, #1A1647)
- Aqua Meadow color palette (#7AF9FA, #00C6D8, #0090AE, #005676, #002239)
- Sunlit Dune color palette (#C0E6F5, #009FD6, #00628D, #00406A, #251D57)
- Azure Pier color palette (#E4F7FF, #69CCFF, #4099F0, #395798, #232C54)
- Misty Sapphire color palette (#EFF6FF, #9EC7FF, #2871D8, #003376, #000412)
- Powdered Archive color palette (#D8FFF3, #73C0FF, #BB6F00, #0068A5, #271300)
- Airy Courtyard color palette (#CDE0FF, #91A0FF, #7B5BEA, #5A388A, #2D0D3A)
- Worn Iris color palette (#EDF7FF, #B3D3FF, #7F95E5, #6A6CA9, #583645)
Browse the whole catalog at Explore, or see today's palette.