Cobalt Veranda color palette — #FFF0FE · #7EAEFF · #00B783 · #3D74D2 · #004630
Sapphire and Jade set the tone — five colors that lean into trust and stability.
The five colors
- Blush (#FFF0FE): A whisper-light, dusty pink — the color of neon signs at night.
- Cornflower (#7EAEFF): A luminous, balanced violet — the color of wild irises.
- Jade (#00B783): A luminous, balanced teal — the color of sea glass.
- Sapphire (#3D74D2): A full-bodied, balanced violet — the color of wild irises.
- Forest (#004630): A deep, shadowed, dusty teal — the color of shallow lagoons.
Feels like: Trust, Stability, Calm, Balance. Tagged cool.
Use it as a design system
One click turns Cobalt Veranda 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
- Clover Lagoon color palette (#D9FFF3, #52B7FF, #3FB757, #007EC1, #0E471B)
- Faded Lagoon color palette (#FFF0F8, #AC9EFF, #00B2B0, #785FD6, #004443)
- Aged Iris Harbor color palette (#F5D1EC, #778DFF, #009C83, #4755C0, #003128)
- Antique Cornflower Lantern color palette (#FFF0FE, #A5C9FF, #D5AB07, #1075F5, #3A2D00)
- Misty Peony Lantern color palette (#E7E9FF, #8B8BFF, #E940A9, #008CA4, #2B2C4E)
- Wandering Ultramarine color palette (#FFF0FD, #5A8DFF, #9C7900, #1F4FC7, #4A3800)
- Hushed Magenta Terrace color palette (#FBD7FD, #F238FF, #0099CA, #A800B3, #003346)
- Antique Wisteria color palette (#DCFFEB, #00C1EA, #CA6CED, #0085A2, #4D295A)
Browse the whole catalog at Explore, or see today's palette.