Petrol Basin color palette — #F0E6EB · #82BDD4 · #2070AC · #004C47 · #081236
Slate and Deep Indigo set the tone — five colors that lean into trust and stability.
The five colors
- Blush (#F0E6EB): a clean, paper-quiet neutral.
- Sky (#82BDD4): A luminous, dusty blue — the color of deep harbor water.
- Slate (#2070AC): A full-bodied, balanced blue — the color of open sky before noon.
- Forest (#004C47): A deep, shadowed, dusty teal — the color of sea glass.
- Deep Indigo (#081236): A deep, shadowed, dusty violet — the color of wild irises.
Feels like: Trust, Stability, Creativity, Calm, Sophistication. Tagged coastal, cool, light, muted.
Use it as a design system
One click turns Petrol Basin 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
- Softworn Corridor color palette (#E4F2F0, #95B7CB, #00719B, #004E59, #00314E)
- Muted Nightshade color palette (#DCE5DB, #73A1CA, #3450A9, #003840, #0D002A)
- Aged Forest Basin color palette (#FBEDF6, #96DFDC, #0092AA, #00663B, #00293D)
- Washed Denim Veranda color palette (#EFDCEA, #5096A1, #00506D, #002D22, #00040F)
- Softworn Dune color palette (#EEDDE3, #457FA6, #02308D, #001F22, #01000A)
- Misty Plum color palette (#F3DAE3, #B23172, #006F53, #00594E, #1C000C)
- Faded Mulberry color palette (#E9E0F1, #BB578F, #007E65, #7F0057, #001710)
- Tempered Boulevard color palette (#F6EAFF, #F5ACAA, #D4964B, #6F4A81, #2E0611)
Browse the whole catalog at Explore, or see today's palette.