Petrol Cabin color palette — #DEE0D4 · #53B1C2 · #00728A · #004A4B · #001721
Built around Teal, softened by Cyan — the whole palette hums with trust and stability.
The five colors
- Bone (#DEE0D4): a clean, paper-quiet neutral.
- Cyan (#53B1C2): A luminous, balanced blue — the color of open sky before noon.
- Teal (#00728A): A full-bodied, balanced blue — the color of deep harbor water.
- Forest (#004A4B): A deep, shadowed, dusty teal — the color of glacier melt.
- Ink (#001721): 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 Cabin 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
- Petrol Loft color palette (#DFE3D6, #73A8D3, #1C67B1, #00465F, #001037)
- Hushed Petrol color palette (#DFF3F0, #78C4D3, #00738C, #003D3F, #000305)
- Denim Archive color palette (#EEE1DB, #4E9CAC, #005070, #003127, #00132F)
- Gentle Cerulean color palette (#F4E5F0, #71BECC, #008EC1, #006F5B, #00132E)
- Azure Corridor color palette (#F4F7EA, #BCDEC9, #3CA3C7, #007B83, #03405A)
- Muted Nightshade Courtyard color palette (#EAD7E6, #506CDB, #007860, #2122B9, #00140E)
- Lapis Meadow color palette (#E4E6F7, #5B37F0, #A1006F, #005463, #060025)
- Tempered Nightshade color palette (#E4E3F4, #C09DF6, #B776CB, #42459F, #1E0F39)
Browse the whole catalog at Explore, or see today's palette.