Timeworn Petrol color palette — #F1F4E2 · #63CBEB · #007CA4 · #005059 · #001D2D

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

The five colors

• Cream (#F1F4E2): A whisper-light, dusty green — the color of a quiet forest floor.
• Sky (#63CBEB): A luminous, balanced blue — the color of a favorite pair of jeans.
• Cerulean (#007CA4): A full-bodied, balanced blue — the color of open sky before noon.
• Peacock (#005059): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Midnight (#001D2D): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Trust, Stability, Calm, Balance. 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

• Cerulean Parlor color palette (#F1F3E9, #ADD2BA, #0089AA, #005B5F, #00281B)
• Linen Aqua Pier color palette (#FFF0F9, #32CAF0, #0075AF, #00574E, #122E6A)
• Sapphire Boulevard color palette (#EEF5E2, #82C1FF, #006AE5, #004C6D, #04104C)
• Cerulean Dune color palette (#E5FAF8, #65DCFF, #009AC7, #00717B, #003751)
• Dusty Denim Delta color palette (#EEF1E5, #6DA5BD, #005F86, #003841, #000C18)
• Hushed Navy color palette (#EBEFE4, #4A7EA6, #003C6F, #001D2A, #000106)
• Muted Byzantium color palette (#F3EBFB, #9F0EE8, #BB003F, #005786, #180029)
• Weathered Balcony color palette (#FFECF4, #EBC5FF, #E762E6, #6149C5, #2B153D)

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