Petrol Basin color palette — #F8EFF2 · #CCDFF1 · #7A8CBD · #006A79 · #242A47
Built around Peacock, softened by Slate Blue — the whole palette hums with trust and stability.
The five colors
- Ivory (#F8EFF2): bright and airy, almost weightless.
- Powder Blue (#CCDFF1): A whisper-light, dusty blue — the color of a favorite pair of jeans.
- Slate Blue (#7A8CBD): A luminous, dusty violet — the color of wild irises.
- Peacock (#006A79): A full-bodied, balanced blue — the color of deep harbor water.
- Midnight (#242A47): 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
- Airy Coast color palette (#FFECF3, #A6D6FC, #557EDB, #00616A, #231D49)
- Petrol Delta color palette (#EFF7F7, #CDDEF0, #6D8CB7, #156A91, #344867)
- Denim Archive color palette (#F2E3ED, #60A8BA, #005F89, #003A32, #000922)
- Navy Quarry color palette (#F1E2E9, #3981A3, #003B73, #001F1F, #01000B)
- Hushed Balcony color palette (#FBEDF8, #6DCCDB, #007CA7, #005343, #001A38)
- Weathered Lagoon Coast color palette (#DCEEDD, #69C19B, #008F80, #00565E, #003643)
- Tempered Market color palette (#DFF7FC, #4FB7AF, #C87071, #00746E, #441618)
- Ancient Station color palette (#E0F6FD, #D0D7E9, #C4B9E1, #528567, #173844)
Browse the whole catalog at Explore, or see today's palette.