Petrol Villa color palette — #EDF8F7 · #CDDFF0 · #6A8CB9 · #006B93 · #374769
Peacock and Slate Blue set the tone — five colors that lean into trust and stability.
The five colors
- Ivory (#EDF8F7): a clean, paper-quiet neutral.
- Powder Blue (#CDDFF0): A whisper-light, dusty blue — the color of deep harbor water.
- Slate Blue (#6A8CB9): A luminous, dusty blue — the color of open sky before noon.
- Peacock (#006B93): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Navy (#374769): A deep, shadowed, dusty violet — the color of wild irises.
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
- Sunlit Cobalt Chapel color palette (#E9F9F8, #A6D4F8, #2483D4, #006280, #213F6C)
- Timeworn Garden color palette (#EDF8F5, #C8E1EA, #4B97A1, #007267, #11505D)
- Weathered Denim Chapel color palette (#D9EBE9, #6BAAB9, #006179, #003D41, #002332)
- Aged Petrol color palette (#F4F4FF, #9C77B5, #B85A60, #006DAF, #36344F)
- Aged Abyss Archive color palette (#D3E8E6, #4F88A4, #004162, #002129, #000A18)
- Weathered Alley color palette (#F9F4EF, #C4F0E3, #86A2EC, #118A9A, #5D3C4E)
- Muted Pewter Boulevard color palette (#F5F3FF, #E1D6DF, #EAB3C8, #8A66A3, #4F4763)
- Gentle Grape Station color palette (#F4F4FF, #AF91C9, #009BAF, #843CB4, #004B56)
Browse the whole catalog at Explore, or see today's palette.