Patina Petrol Harbor color palette — #FDEAE1 · #89C2CA · #007195 · #003F30 · #000309
Built around Peacock, softened by Forest — the whole palette hums with trust and stability.
The five colors
- Cream (#FDEAE1): A whisper-light, dusty orange — the color of autumn markets.
- Ash (#89C2CA): A luminous, dusty blue — the color of deep harbor water.
- Peacock (#007195): A full-bodied, balanced blue — the color of deep harbor water.
- Forest (#003F30): A deep, shadowed, dusty teal — the color of shallow lagoons.
- Ink (#000309): 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 Patina Petrol Harbor 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
- Misty Ultramarine Parlor color palette (#F6ECE4, #85BFE1, #0E63C8, #003D40, #020013)
- Tempered Cobalt Hollow color palette (#FDF3ED, #ACD7C1, #0180CA, #00524D, #020038)
- Timeworn Drift color palette (#D7E7E4, #69BFCC, #0092AC, #006D6C, #001720)
- Muted Cerulean Delta color palette (#E3E5D8, #129BAC, #005263, #002C2C, #000509)
- Antique Harbor color palette (#DDE5CD, #23A467, #8817A3, #004829, #030004)
- Jade Dune color palette (#ACF9D3, #00AD78, #005B42, #001A0F, #000201)
- Olive Hollow color palette (#ECEAD9, #718900, #155D04, #003122, #000201)
- Cypress Corridor color palette (#FCF3EF, #C0E4EF, #6BAFD7, #00816E, #132E54)
Browse the whole catalog at Explore, or see today's palette.