Petrol Basin color palette — #F5EDDF · #58B0C0 · #007191 · #004B45 · #001626
A conversation between Teal and Cyan, giving this palette its sense of trust and stability.
The five colors
- Cream (#F5EDDF): A whisper-light, dusty gold — the color of honey in a jar.
- Cyan (#58B0C0): A luminous, balanced blue — the color of deep harbor water.
- Teal (#007191): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Forest (#004B45): A deep, shadowed, dusty teal — the color of shallow lagoons.
- Ink (#001626): 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
- Weathered Ultramarine Station color palette (#F7EDDD, #5DAADC, #0065C0, #004855, #05093F)
- Antique Orchard color palette (#DAF5F0, #81C3D0, #00738B, #003E3F, #000305)
- Cerulean Boulevard color palette (#F6E5F2, #68BFCF, #008EC2, #006F5C, #00132F)
- Antique Cerulean color palette (#FBE4D9, #00A1B4, #004F74, #00321F, #020842)
- Worn Lantern color palette (#F3EEE6, #A8D0B1, #0095B6, #006D60, #00324A)
- Aged Jade color palette (#D5F1E4, #00A77A, #006347, #003223, #000302)
- Aged Corridor color palette (#FCF4E7, #A9E9E8, #00AFC4, #008568, #00475B)
- Misty Loft color palette (#DFE6D7, #43D0C0, #00A2C0, #296E00, #001E17)
Browse the whole catalog at Explore, or see today's palette.