Petrol Basin color palette — #F5E5ED · #6CABC8 · #0068B4 · #004A48 · #080C38
A conversation between Cobalt and Deep Indigo, giving this palette its sense of trust and stability.
The five colors
- Blush (#F5E5ED): A whisper-light, dusty rose — the color of a warm blush.
- Cyan (#6CABC8): A luminous, dusty blue — the color of deep harbor water.
- Cobalt (#0068B4): A full-bodied, balanced blue — the color of open sky before noon.
- Forest (#004A48): A deep, shadowed, dusty teal — the color of shallow lagoons.
- Deep Indigo (#080C38): A deep, shadowed, balanced violet — the color of a velvet chair.
Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged coastal, cool, light.
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
- Timeworn Teal Chapel color palette (#F7EBF3, #47B4B7, #00728A, #004D31, #001625)
- Muted Terrace color palette (#F7E9ED, #89B7DF, #4B6CD1, #005763, #1F1740)
- Worn Petrol color palette (#F8ECDB, #70C3E8, #006CAA, #003D42, #00020C)
- Aged Denim Basin color palette (#EBEFE0, #5099BB, #004F75, #002E38, #001529)
- Tempered Wisteria color palette (#CBE8FF, #95ACF6, #B974D9, #006D71, #001831)
- Antique Terracotta color palette (#D5E4F0, #0080B8, #AA3E00, #004A6D, #210600)
- Dusty Cobalt color palette (#F7EAF1, #92CFE5, #008DDC, #006D65, #1C2B53)
- Azure Summit color palette (#FDF1F9, #9FE9F9, #00A8E7, #008570, #264064)
Browse the whole catalog at Explore, or see today's palette.