Faded Petrol color palette — #F9E9F1 · #64BEE3 · #006AB6 · #00504E · #222B4E
Built around Royal Blue, softened by Cyan — the whole palette hums with trust and stability.
The five colors
- Blush (#F9E9F1): A whisper-light, dusty rose — the color of pressed rose petals.
- Cyan (#64BEE3): A luminous, balanced blue — the color of a favorite pair of jeans.
- Royal Blue (#006AB6): A full-bodied, balanced blue — the color of deep harbor water.
- Forest (#00504E): A deep, shadowed, dusty teal — the color of shallow lagoons.
- Midnight (#222B4E): A deep, shadowed, dusty violet — the color of wild irises.
Feels like: Trust, Stability, Calm, Balance. Tagged coastal, cool, light.
Use it as a design system
One click turns Faded 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
- Patina Petrol Study color palette (#F8EAF4, #75C0C0, #00748B, #005333, #00324C)
- Cobalt Thicket color palette (#F2E5EB, #93B9D1, #316BB4, #004C42, #140C39)
- Antique Cobalt color palette (#FFF1F6, #A5CAE8, #5A78AC, #005F65, #303956)
- Lilac Summit color palette (#E6F7FF, #A7C2FA, #AE87CA, #006F71, #233852)
- Feathered Azure color palette (#C9E7FF, #03A1EF, #005D90, #002C50, #001629)
- Cerulean Market color palette (#D2EFEA, #0099A9, #00698B, #00436A, #2E2051)
- Feathered Periwinkle Lagoon color palette (#F4EEE4, #B1DFCA, #56ACEC, #008F99, #0F2D57)
- Weathered Cerulean color palette (#F6E5F1, #00A1B6, #00506F, #003127, #00132F)
Browse the whole catalog at Explore, or see today's palette.