Timeworn Petrol color palette — #FBF4E9 · #67C7DB · #00799D · #005651 · #003657

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

The five colors

• Ivory (#FBF4E9): a clean, paper-quiet neutral.
• Sky (#67C7DB): A luminous, balanced blue — the color of open sky before noon.
• Cerulean (#00799D): A full-bodied, balanced blue — the color of open sky before noon.
• Peacock (#005651): A full-bodied, dusty teal — the color of sea glass.
• Navy (#003657): 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

• Tempered Cerulean Station color palette (#F8F5EF, #A9D0B3, #0085A6, #006157, #103F59)
• Ancient Sapphire color palette (#FDF4E6, #88BEE6, #006AD5, #005363, #222E61)
• Feathered Aqua color palette (#FFEEE5, #2FD1EA, #0079B3, #00543A, #070F4C)
• Sky Balcony color palette (#DFFDF8, #8BEAFF, #00BDE8, #00969D, #00384D)
• Denim Station color palette (#EDE3D5, #5AABC3, #005F84, #003E3D, #00203D)
• Quiet Azure Quarry color palette (#FFF0FB, #4AE0FD, #0094E0, #007555, #222E5F)
• Tempered Courtyard color palette (#F9F4EE, #C3E6D6, #4C90C7, #006F79, #553F54)
• Ancient Navy color palette (#EAE4DB, #5487A5, #003E6E, #002127, #00002F)

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