Azure Field color palette — #FCF1FB · #B7DBE7 · #3DA2C7 · #407B4F · #223B5B
A conversation between Cyan and Olive, giving this palette its sense of nature and growth.
The five colors
- Ivory (#FCF1FB): a clean, paper-quiet neutral.
- Powder Blue (#B7DBE7): A whisper-light, dusty blue — the color of a favorite pair of jeans.
- Cyan (#3DA2C7): A luminous, balanced blue — the color of open sky before noon.
- Olive (#407B4F): A full-bodied, balanced teal — the color of glacier melt.
- Navy (#223B5B): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
Feels like: Nature, Growth, Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, muted.
Use it as a design system
One click turns Azure 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
- Muted Iris color palette (#FBF2F5, #B3DAF9, #7B94CF, #007C78, #3E315D)
- Aged Garden color palette (#F9F4ED, #B1CEB3, #00879C, #00624F, #0D4054)
- Aqua Ridge color palette (#F0F7F2, #BDE8F6, #00C7E5, #00A386, #0A4055)
- Lagoon Basin color palette (#F9F3F9, #D3D6EC, #82BBD0, #68936C, #3F556B)
- Quiet Coral Quarry color palette (#F8DAF3, #E36B64, #0099B4, #3975A8, #3B2038)
- Weathered Denim color palette (#F8E8F5, #4EA1A9, #006084, #003E22, #000624)
- Dusty Harbor color palette (#D6F0DC, #8ABAA9, #987D35, #7E4D2B, #053835)
- Soft Petrol Boulevard color palette (#F3E6EC, #61ACD1, #3764B0, #004B44, #160040)
Browse the whole catalog at Explore, or see today's palette.