Petrol Basin color palette — #F2E5EE · #8CBCCE · #007698 · #004D3A · #00172D
Built around Teal, softened by Forest — the whole palette hums with trust and stability.
The five colors
- Blush (#F2E5EE): a clean, paper-quiet neutral.
- Ash (#8CBCCE): A luminous, dusty blue — the color of deep harbor water.
- Teal (#007698): A full-bodied, balanced blue — the color of open sky before noon.
- Forest (#004D3A): A deep, shadowed, dusty teal — the color of glacier melt.
- Midnight (#00172D): A deep, shadowed, dusty blue — the color of deep harbor water.
Feels like: Trust, Stability, 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
- Cobalt Parlor color palette (#F1E6E9, #9AB7D3, #4B66B5, #004A53, #170D34)
- Softworn Cobalt Hollow color palette (#F9EEF5, #A2CFE5, #3284B2, #005D50, #0E203D)
- Ancient Denim Atelier color palette (#F9EBF2, #69A6BF, #005B99, #003A37, #030032)
- Ancient Cypress color palette (#F7EFF5, #D3D2E8, #80A1B9, #40757B, #27374A)
- Powdered Courtyard color palette (#E5EEFF, #D5B8F6, #C9859F, #006994, #180F32)
- Quiet Orchard color palette (#D3E0FB, #515DC8, #755A00, #37511B, #050526)
- Aged Summit color palette (#F8EAF2, #4E8192, #003F64, #00201C, #00000C)
- Dusty Ultramarine color palette (#DCF4FF, #008ED3, #064FBE, #2D1E7A, #1D0039)
Browse the whole catalog at Explore, or see today's palette.