Petrol Basin color palette — #D3E9E7 · #62AEC7 · #007095 · #004951 · #001624
Built around Peacock, softened by Cyan — the whole palette hums with trust and stability.
The five colors
- Frost (#D3E9E7): A whisper-light, dusty teal — the color of sea glass.
- Cyan (#62AEC7): A luminous, balanced blue — the color of deep harbor water.
- Peacock (#007095): A full-bodied, balanced blue — the color of deep harbor water.
- Deep Teal (#004951): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
- Ink (#001624): A deep, shadowed, dusty blue — the color of open sky before noon.
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
- Cypress Loft color palette (#E1F3EF, #619F9E, #00656B, #003C34, #000C0F)
- Cobalt Workshop color palette (#DDF0EF, #87B8D9, #0079C5, #00566D, #001E43)
- Petrol Market color palette (#EDF0DF, #70C4E1, #007197, #003D44, #000307)
- Ancient Cabin color palette (#E2F3F0, #A5CBDD, #0094BB, #006B72, #003248)
- Timeworn Turquoise Veranda color palette (#E7FAF6, #B5E3F5, #00AEC9, #008380, #00475A)
- Softworn Olive Study color palette (#D5F5E5, #817B00, #00747E, #4B4700, #001315)
- Patina Harbor color palette (#E4E6D2, #686C00, #006A5B, #7A3100, #080800)
- Worn Quarry color palette (#ECF3D9, #99C080, #4BAC63, #605900, #182100)
Browse the whole catalog at Explore, or see today's palette.