Patina Petrol Basin color palette — #E6F2E8 · #84BAD5 · #006CAF · #004F56 · #142C57

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

The five colors

• Cream (#E6F2E8): a clean, paper-quiet neutral.
• Sky (#84BAD5): A luminous, dusty blue — the color of a favorite pair of jeans.
• Peacock (#006CAF): A full-bodied, balanced blue — the color of open sky before noon.
• Forest (#004F56): A deep, shadowed, dusty blue — the color of open sky before noon.
• Navy (#142C57): A deep, shadowed, balanced violet — the color of wild irises.

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

Use it as a design system

One click turns Patina 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

• Patina Delta color palette (#F0F7F2, #ACC9E3, #4A79BB, #005D6F, #2D3A55)
• Antique Petrol Terrace color palette (#F5E3EC, #78BEDF, #3E6AAE, #004C44, #151030)
• Periwinkle Ridge color palette (#EDF0E3, #B2DFCB, #5CADE3, #008DA8, #003054)
• Teal Pier color palette (#DEE8E0, #4BB1AE, #00636E, #00402E, #00242F)
• Worn Pier color palette (#F1F7F2, #D8DDEE, #739DCC, #2B7A89, #475367)
• Quiet Navy Harbor color palette (#E3EEE5, #5385B3, #063090, #00212B, #06002B)
• Chalky Plum Station color palette (#EFDCF5, #B23564, #536800, #00527E, #370E1D)
• Dusty Lantern color palette (#E8D6F2, #C05383, #007D64, #86004D, #003126)

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