Timeworn Petrol color palette — #ECF7FF · #8EBCE2 · #5585B7 · #3867A4 · #394E6E

Slate and Cerulean set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#ECF7FF): bright and airy, almost weightless.
• Sky (#8EBCE2): A luminous, dusty blue — the color of open sky before noon.
• Cerulean (#5585B7): A luminous, balanced blue — the color of open sky before noon.
• Slate (#3867A4): A full-bodied, balanced blue — the color of open sky before noon.
• Peacock (#394E6E): A full-bodied, dusty blue — the color of deep harbor water.

Feels like: Trust, Stability, Calm, Balance. Tagged muted, cool.

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

• Navy Basin color palette (#F0F5FF, #B2C4ED, #6C7EB4, #39498A, #233554)
• Cobalt Parlor color palette (#EEF6FF, #91B3DD, #6FA884, #3874BB, #2D583E)
• Wandering Drift color palette (#E0FEE8, #8AD4F9, #5DA4E4, #5B73A4, #634856)
• Muted Lagoon Atelier color palette (#E3FAFF, #7DC1C0, #219198, #007280, #2B576C)
• Timeworn Cerulean color palette (#F0F5FF, #DBD8E2, #BCADA7, #7291B6, #4A5369)
• Hushed Lagoon color palette (#EEF6FF, #729BCD, #A079AA, #008881, #314459)
• Aged Parlor color palette (#DDEBFF, #6C97F3, #495DE9, #3C1ECF, #40387C)
• Softworn Veranda color palette (#DFE1F3, #8D89D8, #7258BB, #571D93, #422758)

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