Patina Navy color palette — #FBF2F8 · #CAE8D2 · #9E7893 · #3C436A · #23171F
Built around Navy, softened by Heather — the whole palette hums with sophistication.
The five colors
- Ivory (#FBF2F8): a clean, paper-quiet neutral.
- Celadon Mist (#CAE8D2): A whisper-light, dusty teal — the color of glacier melt.
- Heather (#9E7893): A luminous, dusty pink — the color of a candy shop window.
- Navy (#3C436A): A deep, shadowed, dusty violet — the color of twilight just after sunset.
- Onyx (#23171F): A deep, shadowed, dusty pink — the color of neon signs at night.
Feels like: Sophistication. Tagged luxury, dark, muted.
Use it as a design system
One click turns Patina Navy 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
- Pewter Chapel color palette (#FDF2F3, #C4F3D4, #8F678B, #4C2A4A, #1B090C)
- Cerulean Orchard color palette (#ECF8F4, #D5D7CB, #5D8BAF, #254A65, #0F1F1A)
- Dusty Iris color palette (#F1F5FF, #F2DBAC, #9498D5, #636C84, #282B34)
- Softworn Stone color palette (#F8EFF4, #DCBF83, #5A5C8A, #3E2A37, #181216)
- Patina Pine color palette (#FFF1F0, #E3A3BD, #C7818D, #477847, #301E26)
- Hushed Taupe Station color palette (#F4F7E7, #D3DBFF, #CC8CA7, #238282, #4E3840)
- Tempered Veranda color palette (#FFF0F8, #B8E9A5, #6C59B3, #311C64, #14010B)
- Worn Iris Pier color palette (#FAF3F8, #EBD7DB, #E39A7B, #8096DF, #281B13)
Browse the whole catalog at Explore, or see today's palette.