Softworn Petrol color palette — #F8ECE5 · #74BFCD · #006FA3 · #005238 · #202C4E
Peacock and Forest set the tone — five colors that lean into trust and stability.
The five colors
- Cream (#F8ECE5): a clean, paper-quiet neutral.
- Cyan (#74BFCD): A luminous, dusty blue — the color of open sky before noon.
- Peacock (#006FA3): A full-bodied, balanced blue — the color of deep harbor water.
- Forest (#005238): A deep, shadowed, balanced teal — the color of shallow lagoons.
- Midnight (#202C4E): A deep, shadowed, dusty violet — the color of wild irises.
Feels like: Trust, Stability, Calm, Balance. Tagged coastal, cool, light, muted.
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
- Ancient Meadow color palette (#FEF3EC, #99CEE1, #3D7CBA, #00624F, #33365C)
- Ultramarine Workshop color palette (#F5EDE5, #86B8DA, #385BD3, #00504D, #31264B)
- Petrol Quarry color palette (#E1EDE3, #5AC4D8, #007698, #004C47, #001829)
- Pale Lagoon color palette (#CCE8D9, #00A48E, #006674, #004564, #0A2E58)
- Antique Azure color palette (#BEE8FF, #009DD4, #00617E, #003144, #001A29)
- Timeworn Spruce Hollow color palette (#F1DDD7, #519E9E, #005269, #003310, #00142D)
- Airy Wisteria color palette (#E2F9E9, #A6CAF6, #B27BE5, #007045, #02392C)
- Aged Lagoon Canyon color palette (#F7EAF3, #B0DAED, #5DAFDA, #00937B, #052D5A)
Browse the whole catalog at Explore, or see today's palette.