Timeworn Petrol color palette — #F8EAF2 · #72BED3 · #006FA3 · #005147 · #1C2D4C

A conversation between Peacock and Cyan, giving this palette its sense of trust and stability.

The five colors

• Blush (#F8EAF2): a clean, paper-quiet neutral.
• Cyan (#72BED3): A luminous, balanced blue — the color of open sky before noon.
• Peacock (#006FA3): A full-bodied, balanced blue — the color of deep harbor water.
• Forest (#005147): A deep, shadowed, dusty teal — the color of sea glass.
• Midnight (#1C2D4C): 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 Timeworn 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

• Tempered Cobalt color palette (#FFF1F8, #97CEE8, #3E7CB9, #00605E, #2A3A5A)
• Wandering Workshop color palette (#EDD9E1, #57A7DC, #2652A5, #003D42, #1C1645)
• Tempered Sky color palette (#F4EDE3, #B6DEC6, #0CB2F0, #00918F, #013053)
• Washed Quarry color palette (#ECD9E7, #00A3AB, #005267, #003121, #001528)
• Timeworn Ash Courtyard color palette (#FBF2F7, #D7E0F1, #749EC2, #4A7780, #465368)
• Muted Alley color palette (#E8EFFF, #E5AAF4, #DC8797, #1F6697, #292B4B)
• Weathered Navy color palette (#F9E7EE, #358AB4, #003A79, #002223, #06002B)
• Cornflower Orchard color palette (#CEE6F6, #378AFE, #404CC6, #472A81, #3C1B49)

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