Petrol Basin color palette — #F8EBE5 · #85C3CA · #007292 · #00402F · #000308
A conversation between Teal and Forest, giving this palette its sense of trust and stability.
The five colors
- Cream (#F8EBE5): bright and airy, almost weightless.
- Ash (#85C3CA): A luminous, dusty blue — the color of deep harbor water.
- Teal (#007292): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Forest (#00402F): A deep, shadowed, dusty teal — the color of shallow lagoons.
- Ink (#000308): 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
- Wandering Sapphire color palette (#FAEBE0, #80C0E3, #0065C4, #003E3F, #020014)
- Tempered Cobalt color palette (#FDF3ED, #9ED5EA, #2480C0, #00524C, #010531)
- Antique Lilac color palette (#DBFFE2, #9BCFFA, #A68EF8, #005E4C, #000B11)
- Worn Parlor color palette (#E5F3F0, #61C1CA, #0093A8, #006D69, #00171F)
- Cerulean Balcony color palette (#E0E2D1, #009CA9, #005360, #002C2A, #000508)
- Rust Drift color palette (#D8F2DB, #008F98, #AE3D00, #004549, #040000)
- Brick Canyon color palette (#D8E7DD, #007388, #A70901, #722700, #000102)
- Cypress Quarry color palette (#FBF3F0, #BFE3ED, #61B1DA, #00816B, #172F4D)
Browse the whole catalog at Explore, or see today's palette.