Patina Petrol Coast color palette — #F2E6E2 · #9FBCA5 · #00749F · #004E2D · #01123A

Slate and Forest set the tone — five colors that lean into nature and growth.

The five colors

• Rose Water (#F2E6E2): a clean, paper-quiet neutral.
• Sage (#9FBCA5): A luminous, dusty teal — the color of glacier melt.
• Slate (#00749F): A full-bodied, balanced blue — the color of deep harbor water.
• Forest (#004E2D): A deep, shadowed, balanced teal — the color of shallow lagoons.
• Midnight (#01123A): A deep, shadowed, balanced violet — the color of a velvet chair.

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

Use it as a design system

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

• Petrol Coast color palette (#F3E6DE, #89BBD6, #446AAC, #004C45, #18053F)
• Patina Cobalt color palette (#F8F0EC, #AED1BB, #3082BD, #005E46, #161D40)
• Denim Balcony color palette (#E5DCD7, #7AA892, #1058A1, #003A31, #0A002D)
• Dusty Orchard color palette (#DBF1E6, #44B17F, #006943, #002E17, #000804)
• Tempered Garden color palette (#F6F1EC, #C3E5D8, #6F8CCA, #006D67, #411F31)
• Nightshade Field color palette (#F3E4D6, #648EB7, #3831A7, #002B2E, #080013)
• Ancient Thicket color palette (#FAE9E0, #4A8193, #003D6C, #002018, #01000B)
• Airy Fern Dune color palette (#E5DFD1, #7E8E21, #1D6F02, #004025, #001C19)

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