Timeworn Petrol Basin color palette — #EDF0E4 · #6CC2EF · #006EA5 · #003C4A · #000308

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

The five colors

• Cream (#EDF0E4): a clean, paper-quiet neutral.
• Sky (#6CC2EF): A luminous, balanced blue — the color of a favorite pair of jeans.
• Peacock (#006EA5): A full-bodied, balanced blue — the color of open sky before noon.
• Deep Teal (#003C4A): A deep, shadowed, dusty blue — the color of deep harbor water.
• Ink (#000308): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, muted.

Use it as a design system

One click turns Timeworn Petrol Basin 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 Hollow color palette (#EFF0DE, #67CAC5, #00767A, #003F35, #000304)
• Denim Station color palette (#E1EFE3, #5193B5, #004C81, #002B30, #00021A)
• Airy Garden color palette (#E8DCD3, #55BDEE, #1B82EB, #006D6E, #0C093B)
• Periwinkle Canyon color palette (#F4F6EF, #C0E0F3, #59ACF8, #007A9D, #3E233E)
• Olive Boulevard color palette (#E0F4D6, #3B7900, #00656A, #5E3900, #000200)
• Patina Bronze color palette (#ECE9D8, #8B8000, #4F4E00, #252A00, #010100)
• Jade Thicket color palette (#F6F4C6, #8FDA8D, #09C284, #4C5700, #000400)
• Hushed Plum color palette (#E5E1D2, #828400, #C00041, #3E3F00, #040000)

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