Petrol Villa color palette — #F6ECE6 · #61C0DD · #1F6EA1 · #005049 · #1D2C4E
Peacock and Cyan set the tone — five colors that lean into trust and stability.
The five colors
- Cream (#F6ECE6): bright and airy, almost weightless.
- Cyan (#61C0DD): A luminous, balanced blue — the color of open sky before noon.
- Peacock (#1F6EA1): A full-bodied, balanced blue — the color of open sky before noon.
- Forest (#005049): A deep, shadowed, dusty teal — the color of glacier melt.
- Midnight (#1D2C4E): A deep, shadowed, dusty violet — the color of twilight just after sunset.
Feels like: Trust, Stability, Calm, Balance. 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
- Weathered Petrol color palette (#F4E6DE, #88BDCE, #326EA7, #004D3D, #0F0B3D)
- Cobalt Field color palette (#FDF3EB, #8FCFEF, #477BB5, #00605F, #31385A)
- Ultramarine Lantern color palette (#F1E1D2, #61A6D9, #2950AA, #003D43, #1E1448)
- Sky Market color palette (#E7F2E9, #B3D9EF, #38B0ED, #009092, #002E58)
- Ancient Cerulean Terrace color palette (#FBE6DB, #00A2AF, #00516A, #003124, #00152A)
- Weathered Cerulean Loft color palette (#FCF3EF, #C8E6C7, #3399AF, #396F51, #2E5044)
- Linen Navy Boulevard color palette (#EDE2D8, #2E89BA, #003782, #002224, #07002A)
- Antique Teal Field color palette (#FBEBC4, #A7D291, #43BAA9, #7E571F, #32322B)
Browse the whole catalog at Explore, or see today's palette.