Patina Petrol color palette — #F8EBE3 · #67C6E0 · #006EA3 · #003F37 · #000110

Built around Peacock, softened by Sky — the whole palette hums with trust and stability.

The five colors

• Cream (#F8EBE3): bright and airy, almost weightless.
• Sky (#67C6E0): A luminous, balanced blue — the color of open sky before noon.
• Peacock (#006EA3): A full-bodied, balanced blue — the color of deep harbor water.
• Forest (#003F37): A deep, shadowed, dusty teal — the color of sea glass.
• Black (#000110): A deep, shadowed, dusty violet — the color of a velvet chair.

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

Use it as a design system

One click turns Patina Petrol 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 Ultramarine color palette (#F5EDE3, #85BDED, #395BCD, #003D45, #030011)
• Wandering Denim color palette (#EEE4DE, #6DB0AC, #005F6E, #002D15, #000103)
• Antique Sapphire Loft color palette (#FEF3EA, #A1D3F2, #0674EE, #005154, #090230)
• Sky Garden color palette (#D5E9E6, #3BC2E4, #0090BA, #006B75, #001623)
• Antique Periwinkle color palette (#FAF4EF, #BFE5F4, #56ADF5, #008079, #212D4C)
• Teal Basin color palette (#F5F3C3, #A2E39A, #00BA9F, #6F4400, #050800)
• Wandering Archive color palette (#F1ECDF, #7B9041, #584E00, #301D00, #000200)
• Soft Amethyst color palette (#F9EFD9, #907E00, #7315F5, #453C00, #010008)

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