Patina Petrol color palette — #F1F3EA · #C1E6D6 · #5A94BC · #00697E · #02342B

Built around Peacock, softened by Slate Blue — the whole palette hums with trust and stability.

The five colors

• Cream (#F1F3EA): a clean, paper-quiet neutral.
• Celadon Mist (#C1E6D6): A whisper-light, dusty teal — the color of shallow lagoons.
• Slate Blue (#5A94BC): A luminous, balanced blue — the color of a favorite pair of jeans.
• Peacock (#00697E): A full-bodied, balanced blue — the color of deep harbor water.
• Deep Forest (#02342B): A deep, shadowed, dusty teal — the color of shallow lagoons.

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

Use it as a design system

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

• Patina Cerulean Dune color palette (#F0F4E3, #94DBF9, #1D8DBF, #00606E, #002841)
• Antique Cypress Drift color palette (#F2F2EB, #C5E2DB, #82A78D, #397773, #253C30)
• Navy Drift color palette (#DCE0D2, #5C90B7, #004A86, #002939, #000313)
• Tempered Bloom color palette (#F3F3E5, #59D1CE, #008188, #005347, #001E23)
• Softworn Bloom color palette (#EEF7F7, #D2DCFA, #72ACD4, #1688A1, #294A69)
• Ancient Harbor color palette (#E7EBDE, #90BFAF, #006FB6, #00485D, #001533)
• Lilac Balcony color palette (#FFECF3, #9B7ACB, #B66173, #0574A2, #2F1420)
• Pale Indigo Balcony color palette (#E9EEFF, #9DA5EF, #7C73BE, #503F7E, #302244)

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