Soft Field color palette — #EAF8FF · #0099C2 · #7B6E00 · #006317 · #000C10
Built around Pine, softened by Cerulean — the whole palette hums with nature and growth.
The five colors
- Ivory (#EAF8FF): a clean, paper-quiet neutral.
- Cerulean (#0099C2): A luminous, balanced blue — the color of a favorite pair of jeans.
- Olive (#7B6E00): A full-bodied, balanced green — the color of a quiet forest floor.
- Pine (#006317): A full-bodied, balanced green — the color of fresh herbs.
- Ink (#000C10): A deep, shadowed, dusty blue — the color of deep harbor water.
Feels like: Nature, Growth, Trust, Stability, Balance. Tagged jewel, vibrant.
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
- Hushed Azure Villa color palette (#EDF6FF, #4BA6E7, #688020, #005A40, #001018)
- Bronze Field color palette (#E7F9FF, #17B1B6, #976700, #445300, #000A0B)
- Petrol Loft color palette (#EBF7FF, #00789A, #4F4A00, #00340D, #000202)
- Worn Grove color palette (#F0F5FF, #4F6EFF, #007532, #00514E, #000407)
- Worn Lilac Corridor color palette (#F3F4FF, #9C7AE5, #009280, #005465, #020B32)
- Sapphire Market color palette (#FFF0FD, #2A5DD7, #005D19, #003D38, #002318)
- Muted Cypress color palette (#F0F5FF, #AFBAF0, #73A77D, #007674, #122331)
- Linen Ember color palette (#F1F5FF, #9398FF, #EA6819, #00915C, #101A31)
Browse the whole catalog at Explore, or see today's palette.