Softworn Petrol color palette — #E7F2E9 · #89BACA · #00758A · #005143 · #003346
Teal and Forest set the tone — five colors that lean into trust and stability.
The five colors
- Cream (#E7F2E9): a clean, paper-quiet neutral.
- Ash (#89BACA): A luminous, dusty blue — the color of a favorite pair of jeans.
- Teal (#00758A): A full-bodied, balanced blue — the color of open sky before noon.
- Forest (#005143): A deep, shadowed, dusty teal — the color of glacier melt.
- Deep Teal (#003346): A deep, shadowed, dusty blue — the color of open sky before noon.
Feels like: Trust, Stability, Calm, Sophistication. 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
- Dusty Cerulean color palette (#F0F8F1, #A3CCDF, #1C84A7, #00605A, #153E5A)
- Petrol Meadow color palette (#EEE6ED, #7CC1C3, #007698, #004F22, #001533)
- Antique Petrol Archive color palette (#E7F2E9, #98B4D2, #4365AE, #004D61, #262854)
- Hushed Study color palette (#DAE3DC, #7AA5BD, #005E89, #003E3F, #001F41)
- Tempered Turquoise Veranda color palette (#F4EEE4, #8EE4E9, #05B7D7, #00937C, #003346)
- Softworn Workshop color palette (#F1F7F2, #D2E0F3, #6FA2B4, #008073, #3B566B)
- Pale Pier color palette (#CAFCF8, #A2DDCA, #49B4C8, #416200, #003F2F)
- Patina Atelier color palette (#DFE9E0, #5A879E, #00425C, #002222, #000A18)
Browse the whole catalog at Explore, or see today's palette.