Patina Abyss color palette — #EFF6FC · #A7CBAE · #32657C · #023E54 · #222734

Deep Teal and Peacock set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#EFF6FC): a clean, paper-quiet neutral.
• Pistachio (#A7CBAE): A luminous, dusty teal — the color of sea glass.
• Peacock (#32657C): A full-bodied, dusty blue — the color of open sky before noon.
• Deep Teal (#023E54): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Onyx (#222734): A deep, shadowed, dusty violet — the color of twilight just after sunset.

Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged luxury, dark, muted.

Use it as a design system

One click turns Patina Abyss 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 Petrol color palette (#EBF3FA, #DDB5D2, #2B6693, #213343, #0C151D)
• Aged Meadow color palette (#F2F4FF, #94B99C, #56477A, #32254E, #1F212D)
• Cobalt Coast color palette (#F1F6FB, #9BC6E9, #966B9E, #0073B3, #2E2B3C)
• Weathered Cerulean color palette (#EBF9F4, #F3C6B0, #5382AA, #2C564B, #232E2B)
• Softworn Sand color palette (#EFF8F3, #F7DA9F, #77A6BD, #557567, #242E29)
• Softworn Navy Hollow color palette (#EEF6FF, #BF9D53, #004886, #00274C, #12112A)
• Antique Chestnut Drift color palette (#EAFAED, #94A8CE, #866A98, #745300, #41475B)
• Softworn Bronze color palette (#EFF6FD, #5B87B0, #9F544A, #545300, #22383F)

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