Softworn Petrol color palette — #E0F2EF · #008478 · #0066B2 · #4D5900 · #001210
Cobalt and Olive set the tone — five colors that lean into nature and growth.
The five colors
- Cream (#E0F2EF): a clean, paper-quiet neutral.
- Teal (#008478): A full-bodied, balanced teal — the color of glacier melt.
- Cobalt (#0066B2): A full-bodied, balanced blue — the color of deep harbor water.
- Olive (#4D5900): A full-bodied, balanced green — the color of new leaves after rain.
- Ink (#001210): A deep, shadowed, dusty teal — the color of sea glass.
Feels like: Nature, Growth, Trust, Stability, Balance. Tagged cool.
Use it as a design system
One click turns Softworn Petrol 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 Basin color palette (#CFF2DC, #008752, #006F8C, #644F00, #001307)
- Feathered Station color palette (#CAF6FA, #00818A, #364DE1, #286100, #001214)
- Grape Bloom color palette (#CFE9FA, #00759B, #6747A7, #005B3F, #000D15)
- Quiet Amethyst Basin color palette (#C0EDFF, #0090B5, #7953E3, #007447, #001B25)
- Hushed Harbor color palette (#CBF6ED, #00A290, #0085D9, #6D7600, #002B25)
- Teal Market color palette (#A2FFF9, #00B7B1, #006D6A, #003232, #000C0B)
- Driftwood Atelier color palette (#EAF2FF, #6F8BCE, #A4669C, #007A7F, #101E35)
- Misty Study color palette (#E4F1FF, #005A9C, #721190, #00463F, #00040B)
Browse the whole catalog at Explore, or see today's palette.