Cobalt Veranda color palette — #FFF0F8 · #F3D4C5 · #FFAF8F · #388CCA · #553138
A conversation between Cerulean and Melon, giving this palette its sense of trust and stability.
The five colors
- Ivory (#FFF0F8): a clean, paper-quiet neutral.
- Bone (#F3D4C5): A whisper-light, dusty orange — the color of sun-warmed clay.
- Melon (#FFAF8F): A whisper-light, balanced orange — the color of toasted spice.
- Cerulean (#388CCA): A luminous, balanced blue — the color of a favorite pair of jeans.
- Cocoa (#553138): A deep, shadowed, dusty red — the color of embers at dusk.
Feels like: Trust, Stability, Optimism, Warmth, Comfort, Sophistication. Tagged pastel, light, muted, warm.
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
- Hushed Cerulean color palette (#FFF0FD, #E7D8FF, #F8A6BC, #189CB7, #4F3142)
- Hushed Iris color palette (#FFF1F1, #EED9BB, #D9C27C, #8C77C2, #5D3A35)
- Hushed Lagoon color palette (#FFF1F6, #FFD1E0, #F6B4A5, #A0A7D3, #52333C)
- Softworn Cerulean color palette (#F1F5FF, #EFD9E0, #B2CEBE, #5E92B6, #2F2C41)
- Blush Chapel color palette (#F3F4FF, #DCD3FB, #E694AE, #6A6BA0, #3D3B50)
- Misty Sapphire Bloom color palette (#FED6E3, #E8ACC9, #E68D4C, #146CCE, #371938)
- Frosted Violet color palette (#FFF1F2, #FFD3D2, #EBB701, #825DFB, #5B1A33)
- Ancient Plum color palette (#FFE9E1, #FFCEA2, #99BA81, #A45393, #342E29)
Browse the whole catalog at Explore, or see today's palette.