Petrol Cabin color palette — #D0E7EE · #00708D · #00445D · #00273B · #0C0C27

Built around Teal, softened by Navy — the whole palette hums with trust and stability.

The five colors

• Frost (#D0E7EE): A whisper-light, dusty blue — the color of open sky before noon.
• Teal (#00708D): A full-bodied, balanced blue — the color of open sky before noon.
• Navy (#00445D): A deep, shadowed, dusty blue — the color of deep harbor water.
• Midnight (#00273B): A deep, shadowed, dusty blue — the color of deep harbor water.
• Ink (#0C0C27): A deep, shadowed, dusty violet — the color of twilight just after sunset.

Feels like: Trust, Stability, Calm, Sophistication. Tagged muted, cool.

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

• Tempered Mulberry Veranda color palette (#D1E2F0, #006695, #83006E, #003049, #21001B)
• Cypress Lagoon color palette (#E1F1EA, #007E6C, #00443E, #002B29, #001517)
• Cobalt Field color palette (#E4F1FF, #0074C4, #003868, #001328, #00030B)
• Ancient Meadow color palette (#E2F4F3, #008EA1, #005B77, #003257, #02054A)
• Gentle Aubergine Terrace color palette (#E0F0FE, #005278, #580091, #003A2C, #000811)
• Gentle Loft color palette (#CCE2F9, #86AEF1, #6B6FD3, #004461, #001A41)
• Azure Field color palette (#C6E6F7, #009FE2, #00639E, #003F78, #2D1662)
• Obsidian Nightshade color palette (#DBECFF, #1353B6, #0E009C, #080046, #050025)

Browse the whole catalog at Explore, or see today's palette.