Petrol Villa color palette — #F8EBE4 · #85C2D1 · #006CA9 · #00402E · #010014

Peacock and Forest set the tone — five colors that lean into trust and stability.

The five colors

• Cream (#F8EBE4): a clean, paper-quiet neutral.
• Sky (#85C2D1): A luminous, dusty blue — the color of deep harbor water.
• Peacock (#006CA9): A full-bodied, balanced blue — the color of deep harbor water.
• Forest (#00402E): A deep, shadowed, dusty teal — the color of sea glass.
• Ink (#010014): A deep, shadowed, dusty violet — the color of twilight just after sunset.

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

• Patina Lapis color palette (#F9ECDC, #82BDF1, #4E58C6, #003D40, #05000D)
• Frosted Garden color palette (#FFF3E8, #9DD5F1, #4779CA, #00524A, #0E002F)
• Worn Spruce Grove color palette (#EFDBD7, #74AEAA, #005F73, #032E03, #000104)
• Washed Denim color palette (#ECDEE7, #599AAB, #004D7C, #003123, #0A0D37)
• Aged Lagoon Quarry color palette (#D7E6DF, #009692, #006073, #002232, #000107)
• Patina Cerulean Balcony color palette (#E6F4E9, #79BCCE, #008EC0, #006D6B, #001529)
• Sunlit Chestnut color palette (#C2E7F7, #007292, #8B3F00, #6B2F00, #000102)
• Feathered Rust Veranda color palette (#DBF4E7, #008BAE, #B23700, #004355, #040000)

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