Patina Ridge color palette — #F1E7E1 · #88BDCE · #1A71A7 · #004C45 · #03103C

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

The five colors

• Parchment (#F1E7E1): bright and airy, almost weightless.
• Ash (#88BDCE): A luminous, dusty blue — the color of deep harbor water.
• Slate (#1A71A7): A full-bodied, balanced blue — the color of open sky before noon.
• Forest (#004C45): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Deep Indigo (#03103C): A deep, shadowed, balanced violet — the color of wild irises.

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

Use it as a design system

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

• Worn Cobalt color palette (#F8F0EA, #A7D3BF, #4A7FB9, #005B5B, #171C41)
• Muted Pier color palette (#EDE1D5, #79A1C1, #3053A2, #00383E, #0B002C)
• Hushed Denim Orchard color palette (#FFE6F5, #D8B4E3, #D68B9C, #2E5990, #30101E)
• Ancient Boulevard color palette (#FEEBE2, #369AA3, #005169, #002D20, #00040D)
• Amethyst Workshop color palette (#E6E4F6, #6F4DCE, #676100, #1B5528, #0C0422)
• Tempered Summit color palette (#F8F0EC, #CFE2CF, #5A98A8, #286D4A, #003528)
• Feathered Balcony color palette (#DAF0FF, #377ED4, #5346BE, #3D0F79, #24002D)
• Dusty Aubergine color palette (#F9DFED, #7A70CD, #796C00, #46299D, #161200)

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