Softworn Petrol color palette — #F8E9F4 · #7BBEC9 · #0070A1 · #005236 · #1C2B54
A conversation between Peacock and Forest, giving this palette its sense of trust and stability.
The five colors
- Blush (#F8E9F4): A whisper-light, dusty pink — the color of peonies in June.
- Ash (#7BBEC9): A luminous, dusty blue — the color of deep harbor water.
- Peacock (#0070A1): A full-bodied, balanced blue — the color of deep harbor water.
- Forest (#005236): A deep, shadowed, balanced teal — the color of shallow lagoons.
- Navy (#1C2B54): A deep, shadowed, dusty violet — the color of a velvet chair.
Feels like: Trust, Stability, Creativity, 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
- Cobalt Station color palette (#FBF2F7, #91D0E4, #347DBB, #00624D, #2D3A57)
- Weathered Petrol color palette (#E9EBDB, #79C0CE, #007791, #004B4D, #001924)
- Denim Dune color palette (#F5E8EE, #56A9D2, #1F52A9, #003F39, #1F1543)
- Ash Quarry color palette (#FAF2F8, #D8D5E9, #749EC2, #41797D, #485368)
- Lagoon Loft color palette (#E9DEE9, #34A29F, #005266, #003309, #00142B)
- Sky Chapel color palette (#FAEBE5, #BCDDC6, #47B0E5, #00937C, #0A2D58)
- Linen Dune color palette (#CBF9F5, #85DBD3, #59A4E9, #695E10, #003A3C)
- Tempered Canyon color palette (#ABF6D9, #00AD8D, #00644E, #003224, #001E13)
Browse the whole catalog at Explore, or see today's palette.