Patina Ultramarine color palette — #F3E3F0 · #244DD9 · #006431 · #003F3A · #000020
Cobalt and Pine set the tone — five colors that lean into nature and growth.
The five colors
- Blush (#F3E3F0): A whisper-light, dusty pink — the color of peonies in June.
- Cobalt (#244DD9): A full-bodied, vivid violet — the color of wild irises.
- Pine (#006431): A full-bodied, balanced teal — the color of sea glass.
- Forest (#003F3A): A deep, shadowed, dusty teal — the color of glacier melt.
- Ink (#000020): A deep, shadowed, dusty violet — the color of a velvet chair.
Feels like: Nature, Growth, Creativity, Calm, Energy, Balance. Tagged vibrant, cool.
Use it as a design system
One click turns Patina Ultramarine 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
- Softworn Ultramarine color palette (#F9E1F2, #3939D9, #00491E, #002D2D, #000205)
- Hushed Loft color palette (#C4E6FA, #006893, #4A5B00, #004122, #00050B)
- Quiet Delta color palette (#C9F3E7, #0065A3, #8A0083, #004129, #00050D)
- Tempered Cobalt color palette (#D2E2F4, #007ED8, #966500, #00644C, #00050E)
- Nightshade Canyon color palette (#EDDFE9, #272BA8, #532A00, #012403, #02001E)
- Dusty Byzantium color palette (#EDDCFA, #8C07C1, #962100, #003B4E, #0A0012)
- Patina Plum Courtyard color palette (#FBD7D9, #A83C96, #006B86, #00427F, #1E0019)
- Muted Grove color palette (#F8E6F1, #5544CD, #99004A, #601A00, #04001B)
Browse the whole catalog at Explore, or see today's palette.