Petrol Villa color palette — #DDEDEB · #7DBED7 · #00749F · #004A54 · #001829
A conversation between Slate and Sky, giving this palette its sense of trust and stability.
The five colors
- Frost (#DDEDEB): a clean, paper-quiet neutral.
- Sky (#7DBED7): A luminous, dusty blue — the color of deep harbor water.
- Slate (#00749F): A full-bodied, balanced blue — the color of deep harbor water.
- Deep Teal (#004A54): A deep, shadowed, dusty blue — the color of deep harbor water.
- Ink (#001829): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, muted.
Use it as a design system
One click turns Petrol Villa 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
- Cobalt Balcony color palette (#EBF4F3, #A7CDEB, #2682C3, #00586F, #07213D)
- Sunlit Ultramarine color palette (#D9EEEE, #77A1C8, #0054AE, #00364D, #01052A)
- Tempered Iris Study color palette (#DAEDFF, #A9CDFF, #838FEC, #006A8C, #041E36)
- Cerulean Canyon color palette (#C2EAEF, #008DA6, #00667F, #003E53, #001928)
- Timeworn Ash color palette (#EBF4F3, #D3DAEE, #71A3C5, #307587, #273849)
- Dusty Navy color palette (#D9E7E6, #447EAA, #003C6F, #001D2A, #000106)
- Soft Balcony color palette (#E3EFF9, #0070B1, #812AB0, #00594C, #000C19)
- Quiet Plum color palette (#DEF0FF, #0088C5, #B0189C, #004C70, #250020)
Browse the whole catalog at Explore, or see today's palette.